<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>网贷资讯 - 千利千寻</title>

    <style type="text/css">

        body {
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            background-color: #eaeaea;
        }

        body, td, th {
            font-family: 微软雅黑;
            font-size: 14px;
        }

        a {
            color: #333;
        }

        a:hover {
            color: #328ae3;
            text-decoration: none;
        }

        a:active {
            color: #328ae3;
            text-decoration: none;
        }

        .n1 {
            font-size: 20px
        }

        .n2 {
            font-size: 20px;
            color: #666666;
        }

        a:link {
            text-decoration: none;
            color: #333;
        }

        .n3 {
            color: #CCCCCC
        }

        .n4 {
            font-size: 12px;
            color: #999999;
            overflow:hidden;
            text-overflow:ellipsis;
            display:-webkit-box;
            -webkit-box-orient:vertical;
            -webkit-line-clamp:2;
        }
        .n4+a{
            color: #328ae3;
        }

    </style>

    <style>
        ul.pagination {
            display: inline-block;
            padding: 0;
            margin: 0;
        }

        ul.pagination li {
            display: inline;
        }

        ul.pagination li a {
            color: black;
            float: left;
            padding: 10px 0px;
            width: 40px;
            text-decoration: none;
            transition: background-color .3s;
            background: #f2f6f8;
            margin-right: 10px;
        }

        ul.pagination li a.active {
            background-color: #328ae3;
            color: white;
        }

        ul.pagination li a:hover:not(.active) {
            background-color: #ddd;
        }

        .pagination li:first-child a {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .pagination li:last-child a {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .STYLE5 {
            font-size: 16px;
            color: #666666;
        }

        .STYLE4 {
            font-size: 16px;
            color:#328ae3;
        }

        .MJF_XW_LIST_3 a {
            width: 66px;
            background-color: #fff;
            border: solid 1px #328ae3;
            height: 25px;
            border-radius: 4px;
            color: #328ae3;
            outline: none;
            cursor: pointer;
            font-size: 14px;
            transition: background-color 0.3s ease-in-out;
            padding: 2px 15px;
            out-line: none;
            text-decoration: none;
        }

        .MJF_XW_LIST_3 a:hover {
            background-color: #328ae3;
            color: #fff;
            transition: background-color 0.3s linear;
        }

        .STYLE18 {
            color: #71c5a3;
            font-size: 16px;
        }

        .STYLE24 {
            color: #999999;
            font-size: 12px;
        }

        .STYLE1 {
            font-size: 12px;
            color: #7c7c7c;
        }

        .STYLE3 {
            color: #328ae3;
            font-size: 12px;
        }
        .desc{
            width: 1000px;
            margin: 0 auto;
            background: #1c87f4;
            text-align: center;
            position: absolute;
            bottom: -150px;
            left: 50%;
            transform: translateX(-50%);
        }
        .line{
            width: 72px;
            height: 2px;
            background: #8dc2f9;
            margin: 20px auto 45px;
        }
        .title{
            text-align: center;
            font-size: 30px;
            color: #fff;
            font-weight: normal;
        }
        .fl{
            float: left;
        }
        .pic img{
            width: 100%;
            height: 100%;
        }
    </style>

</head>

<body>
<div th:replace="/front/common::header"></div>
<div th:replace="/front/common::top"></div>

<div class="banner" style="position: relative;">
    <img th:src="@{/front/img/aboutBanner_02.png}" style="width: 100%">
    <div class="desc">
        <h5 class="title">
            我们是谁
        </h5>
        <div class="line"></div>
        <p style="padding: 0 88px 30px;line-height: 35px;text-align: left;color: #fff">千利千寻是中新保（北京）科技有限公司旗下的互联网理财信息服务平台。作为国内领先的车主投资交流社区，千利千寻由互联网能源巨头车主邦的深度战略合作伙伴光圈科技支撑运营。借助光圈科技专注中国出行领域互联网广告的业务优势，联合数百家媒体矩阵流量及金融行业自有庞大社区用户，以大流量、优用户的广告投放效应及丰富多元化的行业精准用户的分析服务经验为核心，通过车主邦等深度合作媒体端口为平台输送精准流量与用户对接。</p>
    </div>
</div>
<h5 class="title" style="margin-top: 250px; color: #333">
    我们团队风采
</h5>
<div class="line" style="background: #b3b3b3"></div>
<div class="pic" style="margin-bottom: 20px;">
    <div style="width: 1070px;margin: 0 auto;">
        <div class="fl" style="width: 544px;margin-right: 12px;">
            <div style="margin-bottom: 10px;"><img  th:src="@{/front/img/aboutpic_06.jpg}"></div>
            <div>
                <div class="fl" style="width: 272px;height:290px;margin-right: 11px;background: #d8d8d8">
                    <img  th:src="@{/front/img/team11.png}">
                </div>
                <div class="fl" style="width: 260px;height:290px;background: #d8d8d8">
                    <img  th:src="@{/front/img/team12.png}">
                </div>
                <div style="clear: both"></div>
            </div>
        </div>
        <div class="fl" style="width: 514px;">
            <div style="margin-bottom: 10px;">
                <div class="fl" style="width: 334px;height: 187px;margin-right: 10px; ">
                        <img  th:src="@{/front/img/aboutpic_08.jpg}">
                </div>
                <div class="fl" style="width:170px;height: 187px; background: #d8d8d8;">
                    <img  th:src="@{/front/img/team13.png}">
                </div>
                <div style="clear: both"></div>
            </div>
            <div style="width: 514px;height: 393px; background: #d8d8d8;">
                <img  th:src="@{/front/img/team14.png}">
            </div>
        </div>
        <div style="clear: both;"></div>
    </div>
</div>
<div><img th:src="@{/front/img/map_12.png}"  style="width: 100%;"></div>
<style>
    .foot1 {
        color: #a4a5a7;
        font-size: 16px;
        font-weight: bold;
    }

    .foot2 {
        color: #a4a5a7;
        font-size: 14px;
    }

    a:link {
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
    }

    a:active {
        text-decoration: none;
    }

    .footer a {
        color: #a4a5a7;
    }

</style>
<div th:replace="/front/common::footer"></div>


</body>
</html>
